<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>正则的匹配方法</title>
</head>
<body>
    <h1>正则的匹配方法</h1>
    <div class="content">
        {{ message }}{{story}}
    </div>
</body>
<script>
//一、 正则对象底下方法；1.test 2.exec;
let str = "abc123fda123";
// let reg = /\d+/g;
// let reg = /efg/g;
// console.log( reg.test(str) );
// let str = "abc123fda1234";
let reg = /\d+/g;

console.log( reg.exec(str) )//["123", index: 3, input: "abc123fda123", groups: undefined]
// console.log(typeof reg.exec(str) == 'array')
console.log(reg.lastIndex);
console.log( reg.exec(str) )
console.log( reg.exec(str) )

// 字符串方法；1.split 2.search; 3.match;4.replace;

// let str = "abc123fda1234rt";
// // let arr =  str.split(1);
// let arr =  str.split(/\d+/);

// console.log(arr);

// let str = "abcdefghiejk";
// // let reg = /e/g;
// let reg = /z/;
// console.log( str.search(reg) );

// let str = "abc11defghiej222k";
// let reg = /\d+/g;
// console.log( str.match(reg) );


// let str = "abc11defghiej222k";
// let reg = /\d/g;
// // console.log( str.replace(reg,"*") );

// let res =  str.replace(reg,function(arg){
//     console.log(arg)
//     return "*"
// })
// console.log(res);
// let obj = {
//     message: "大哥好！！",
//     story: "故事大王"
// }
// let str = document.querySelector(".content")
// console.log(str)
// let reg = /\{\{\s*([^\{\}\s]+)\s*\}\}/g
// let res = str.innerText.match(reg)//数组
// console.log(res)
// let reg1 = /\w+/
// let res1 = res.map((item)=>{
//     return item.match(reg1)
// }).flat()
// console.log(res1)
// str.innerText = str.innerText.replace(res[0],obj[res1[0]])
// str.innerText = str.innerText.replace(res[1],obj[res1[1]])

</script>
</html>